// uno.config.ts
import { defineConfig } from 'unocss'
import { presetWind, presetIcons, transformerDirectives, transformerVariantGroup } from 'unocss'
export default defineConfig({
  presets: [
    presetWind(),
    presetIcons({
      prefix: 'i-', // 设置图标前缀
      extraProperties: {
        display: 'inline-block', // 设置图标的默认样式
        'vertical-align': 'middle', // 设置图标的垂直对齐方式
      },
    }),
  ],
  transformers: [
    transformerDirectives(), //支持@apply

    transformerVariantGroup(), //支持变量组
  ],
  // #TODO:
  shortcuts: {
    //   // 通常用于全局的组件
    //   item: 'text-white text-xl px-8 py-2 cursor hover:font-500 font-300',
    'bg-image': 'w-full h-full bg-cover bg-no-repeat bg-center-top',
    btn: 'px-4 py-2 bg-sky-400 text-white hover:(bg-sky-300 cursor-pointer)',
    'btn-plain': 'border border-sky-400 text-sky-400 hover:(bg-sky-500 text-white cursor-pointer) py-2 px-4',

    // btn-sm
    // btn-large
    // btn-default
    // btn-danger btn-success btn-info
    //btn-warning
  },
  theme: {
    colors: {
      main: '#4E98F4',
    },
  },
})
